<!--#index.html-->
<!--body-->
<style>
    #pager a.disabled {
        color: gray;
    }
    #pager a.active {
        color: red;
    }
    #pager a {
        margin: 0 5px
    }
    div.pagination {
        float:right;
    }
    div.pagination li {
        list-style: none;
        display: inline-block;
    }
    div.pagination li.active {
        color: gray;
    }
</style>
<script>
    $(function() {
        $("#pager a.disabled").removeAttr("href");
    })
</script>
用户列表：
<table border="1">
    <tr>
        <th>用户名</th>
        <th>昵称</th>
    </tr>
    <tr w:u="users">
        <td><a href="user.html?id=${u.id}">${u.id}</a></td>
        <td>${u.name}</td>
    </tr>
</table>
<div id="pager">
    <span>${users.page} / ${users.pageCount} (${users.itemCount})</span>
    <div class="pagination">
        <li class="${users.page>1?'active':null}"><a href="users.html?ps=${ps}&p=${users.page-1}" title="上一页">«</a></li>
        <li w:pg="users.pgs" class="${pg.current?'active':null}"><a href="users.html?ps=${ps}&p=${pg.page}">${pg.label}</a></li>
        <li class="${users.page<users.pageCount?'active':null}"><a href="users.html?ps=${ps}&p=${users.page+1}" title="下一页">»</a></li>
    </div>
</div>
<a href="user.html">新建用户</a>
<!--body end-->
<!--#index.html end-->